<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>A-KH-TEST</title>
  </head>
  <body>
    <div class="wrapper">
      <header class="header">
        <div class="container">
          <nav class="nav">
            <a href="#" class="nav__logo-link">
              <img class="nav__logo" src="./image/logo.svg" alt="logo"
            /></a>

            <ul class="nav__menu">
              <li class="nav__menu-item"><a href="#">Главная</a></li>
              <li class="nav__menu-item"><a href="#">О компании</a></li>
              <li class="nav__menu-item"><a href="#">Проекты</a></li>
              <li class="nav__menu-item"><a href="#">Услуги</a></li>
              <li class="nav__menu-item"><a href="#">Контакты</a></li>
            </ul>
          </nav>
        </div>
      </header>
      <main class="main">
        <div class="container">
          <h1 class="title">Проекты нашей компании</h1>
          <section class="projects">
            <a href="#" class="projects__item h16by9 first-row">
              <h3 class="projects__item-title">Lorem. 1</h3>
            </a>
            <a href="#" class="projects__item h16by9 first-row">
              <h3 class="projects__item-title">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. A
                consequuntur corporis labore dolore dolores. Et.
              </h3>
            </a>
            <a href="#" class="projects__item h16by9 first-row">
              <h3 class="projects__item-title">Lorem, ipsum dolor.</h3>
            </a>
            <a href="#" class="projects__item h16by9 first-row">
              <h3 class="projects__item-title">Lorem, ipsum dolor.</h3>
            </a>
            <a href="#" class="projects__item h16by9 first-row">
              <h3 class="projects__item-title">Lorem ipsum dolor sit.</h3>
            </a>
            <a href="#" class="projects__item h16by9 first-row">
              <h3 class="projects__item-title">Lorem, ipsum dolor.</h3>
            </a>
            <a href="#" class="projects__item h16by9 first-row">
              <h3 class="projects__item-title">
                Lorem, ipsum dolor sit amet consectetur adipisicing elit.
                Aliquam, eius?
              </h3>
            </a>
          </section>
        </div>
      </main>
      <footer class="footer">
        <div class="container">
          <div class="footer__social">
            <a href="#" class="footer__social-item"
              ><img
                class="footer__social-img"
                src="./image/social/tg.svg"
                alt="telegram"
            /></a>
            <a href="#" class="footer__social-item"
              ><img
                class="footer__social-img"
                src="./image/social/wa.svg"
                alt="whatsapp"
            /></a>
            <a href="#" class="footer__social-item"
              ><img
                class="footer__social-img"
                src="./image/social/vk.svg"
                alt="vk"
            /></a>
            <a href="#" class="footer__social-item"
              ><img
                class="footer__social-img"
                src="./image/social/yt.svg"
                alt="youtube"
            /></a>
          </div>
          <address class="footer__contacts">
            <p class="footer__contacts-item">
              <a href="mailto:info@company.com">info@company.com</a>
            </p>
            <p class="footer__contacts-item">
              <a href="tel:+74951234567">+7 495 123-45-67</a>
            </p>
          </address>
          <div class="footer__info">2022 &#169; ООО &#171;Компания&#187;</div>
        </div>
      </footer>
    </div>
  </body>
</html>
